@media (min-width: 320px){html{font-size: 32px;} }
@media (min-width: 360px){html{font-size: 36px;} }
@media (min-width: 375px){html{font-size: 37.5px;} }
@media (min-width: 384px){html{font-size: 38.5px;} }
@media (min-width: 414px){html{font-size: 41.4px;} }
@media (min-width: 448px){html{font-size: 44.8px;} }
@media (min-width: 480px){html{font-size: 48px;} }
@media (min-width: 512px){html{font-size: 51.2px;} }
@media (min-width: 544px){html{font-size: 54.4px;} }
@media (min-width: 576px){html{font-size: 57.6px;} }
//@media (min-width: 608px){html{font-size: 60.8px;} }
//@media (min-width: 640px){html{font-size: 64px;} }
//@media (min-width: 750px){html{font-size: 75px;} }
//@media (min-width: 800px){html{font-size: 80px;} }
//@media (min-width: 1024px){html{font-size: 102.4px;} }


/*根元素的基础font-size被设置为37.5px，则1rem=37.5px*/
//html{
//  font-size:14px;
//}
/*box1的宽度10rem则被计算成宽度为375px，高度为75px，文字大小为18.25px；*/
body{
   margin: 0.09rem;
}
#box1{
  width:100%;
  height: 5rem;
  font-size:0.3rem;
  background-color: #000000;
  color: #ffffff;
}
/*title的宽度依旧相对于根元素计算，结果为75px*/
#box1 .title{
  font-size:0.625rem;
  font-weight: bold;
}